<template>

  <v-layout>

    <v-flex xs12 sm12>
      <div>
        <v-alert
          :value="true"
          color="success"
        >
          <h2 align="center">乐优商城促销活动</h2>
        </v-alert>
      </div>
      <v-layout>
        <v-flex xs6 sm6>
          <v-card height="200">
              <div>
                <v-alert
                  :value="true"
                  color="success"
                >
                  <h2 align="center">直减类商城活动</h2>
                </v-alert>
              </div>
            <v-card-actions xs12 >
              <v-btn flat color="red" outline="true" block="true"><h3>限时折扣</h3></v-btn>
              <v-btn flat color="red" outline="true" block="true"><h3>新用户专享</h3></v-btn>
            </v-card-actions>
            <v-card-actions xs12 >
              <v-btn flat color="red" outline="true" block="true" @click.prevent="seckills"><h3>限时秒杀</h3></v-btn>
              <v-btn flat color="red" outline="true" block="true"><h3>助力砍价</h3></v-btn>
            </v-card-actions>


          </v-card>
        </v-flex>

          <v-flex xs6 sm6>
            <v-card height="200">
              <div>
                <v-alert
                  :value="true"
                  color="success"
                >
                  <h2 align="center">满减类商城活动</h2>
                </v-alert>
              </div>
              <v-card-actions  xs12>
                <v-btn flat color="red" outline="true" block="true"><h3>满额&nbsp;&nbsp;&nbsp;&nbsp;减</h3></v-btn>
                <v-btn flat color="red" outline="true" block="true"><h3>满额&nbsp;&nbsp;&nbsp;&nbsp;折</h3></v-btn><br/>
              </v-card-actions>
              <v-card-actions  xs12>
                <v-btn flat color="red" outline="true" block="true"><h3>满件&nbsp;&nbsp;&nbsp;&nbsp;减</h3></v-btn>
                <v-btn flat color="red" outline="true" block="true"><h3>满件&nbsp;&nbsp;&nbsp;&nbsp;折</h3></v-btn><br/>
              </v-card-actions>

            </v-card>
          </v-flex>

      </v-layout>
      <v-layout>
        <v-flex xs12 sm6 >
          <v-card height="200">
            <div>
              <v-alert
                :value="true"
                color="success"
              >
                <h2 align="center">赠券类（商城、附近优惠）</h2>
              </v-alert>
            </div>
            <v-card-actions>
              <v-btn flat color="red" outline="true" block="true"><h3>买单赠券</h3></v-btn>
              <v-btn flat color="red" outline="true" block="true"><h3>免费领券</h3></v-btn>
            </v-card-actions>

          </v-card>
        </v-flex>
      </v-layout>
    </v-flex>

  </v-layout>
</template>

<script>
    import MyPromotion from "./MyPromotion"
    export default {
        name: "promotion",
        methods:{
          seckills(){
            window.location ="http://manage.leyou.com/#/activity/seckill"
          }
        },
        components:{
        MyPromotion
      }
    }
</script>

<style scoped>

</style>
